// 默认样式设置
body,h1,h2,h3,h4,h5,h6,hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea, th, td { 
	margin:0;
	padding:0;
 }

body,button, input, select, textarea {
 	font-size:14px;
 	font-family:"微软雅黑",Arial;
 }

h1,h2,h3,h4,h5,h6{ 
   font-size:100%;
 }

address,cite, dfn, em, var { 
	font-style:normal;
 }
ul,ol {
   list-style:none;
 }

a {
  text-decoration:none;
  color:#666;
 }
sup{ 
  vertical-align:text-top;
 }

sub{ 
  vertical-align:text-bottom;
 }

legend{
  color:#000;
 }

fieldset,img {
  border:0;
 }

button,input, select, textarea {
	font-size:100%;
 }

table{ 
	border-collapse:collapse;
    border-spacing:0;
 }
.wrap{
 	width:1200px;
 	margin:0 auto;
}
// 清除浮动
.clear{
	content:"";
	clear:both;
}


// 轮播图片
.oslider{
    width:100%;
    height:870px;
    .slider_img{
     width:100%;
     height:100%;
      .show{
        width:100%;
        height:100%;
        background:url(../img/banner_bg1.png);
        display:none;
        position:relative;
        .wrap{
           height:870px;
           // 第一部分
           .img:nth-child(1){
            height:100%;
            background:url(../img/banner_out1.png);
          }
           // 多息猫产品内容
          .product{
              padding-top:200px;
              text-align:center;
              margin-right:600px;
            .left{
              span{
                font-size:84px;
                color:#fff;
                padding:0 20px 5px 30px;
                border-bottom:1px solid #fff;
              }
            }
          }

        }    
      }
      // 多息猫产品
      .show3{ 
        text-align:center;
        background:url(../img/banner_bg2.png) center center;
        .product_show{
         padding-top:217px;
         width:1200px;
         margin:0 auto;
         position:relative;
        // padding-left:250px;
          ul{
            width:800px;
            margin:0 auto;
            position:absolute;
            left:50%;
            top:50%;
            margin-left:-393px;
            margin-top:110px;
            .show_img{
              position:relative;
              float:left;
              margin-right:3px;
              overflow:hidden;   
             a{
                display:inline-block;
                width:194px;
                height:222px;              
              }
              a:img{
                   transform-origin: 50% 100%;
                  -ms-transform-origin: 50% 100%;
                  -o-transform-origin: 50% 100%;
                  -moz-transform-origin: 50% 100%;
                  backface-visibility: hidden;
                  opacity: 1;
                  filter: "alpha(opacity=100)";   /* IE 8 */ 
                  filter: alpha(opacity=100);  /* IE 4-7 */ 
                  transition: all 0.35s ease-in-out 0.3s; 
                  transform: rotateY(0deg);
                 filter:BasicImage(rotation=0); 
 

              }
              .info{
                position:absolute;
                top:0;
                left:0;
                opacity:0;
                filter: "alpha(opacity=0)";   /* IE 8 */ 
                filter: alpha(opacity=0);  /* IE 4-7 */ 
                width:194px;
                height:222px;
                transform-origin: 50% 0%;
                -ms-transform-origin: 50% 0%;
                -o-transform-origin: 50% 0%;
                -moz-transform-origin: 50% 0%;
                transition: all 0.35s ease-in-out 0.5s;
                transform: rotateY(-90deg);
                 filter:BasicImage(rotation=-1); 
 
 
              }
              .rotate1{
                  opacity:0;
                  //backface-visibility: visible;
                   transition: all 0.35s ease-in-out 0.3s; 
                  transform: rotateY(-90deg);
                    filter:BasicImage(rotation=-1); 
 
              }
              .rotate2{
                  opacity:1;
                  //backface-visibility: visible;
                   transition: all 0.35s ease-in-out 0.5s; 
                  transform: rotateY(0deg);
                   filter:BasicImage(rotation=0); 

              }
            }
          }
        }
      }

      // 投资多息猫
      .show6{
         background:url(../img/banner_bg3.png) center center no-repeat;
        .container{
          padding-top:400px;
          margin-left:200px;
        }
         
      }
      // 多息猫优势
       .show5{
         background:#07062d;
          .poster-main{
            top:50px;
          }
        }

     // 多息猫资产
     .show4{
       background:#250a2e;
       padding-top:108px;
      .wrap{
        .txt{
          width:500px;
          margin-right:55px;
          float:left;
          margin-top:20px;
          p{
            line-height:28px;
            color:#fff;
            foont-size:14px;
            margin-bottom:25px; 
            .big{
              font-size:24px;
              font-weight:bold;
            }
           
          } 
          .english{
            font-size:84px;
            color:#fff;
            opacity:0.03;
            margin-bottom:0;
            margin-top:50px;
          }
         
        }
        .right{
          float:right;
        }
      }
     }
      .active{
          display:block;
          // 多息猫会员登录框
          .box{
            width:344px;
            height:389px;
            background:#fff;
            padding:40px;
            opacity:0.88;
           // position:absolute;
           // top:68px;
          //  right:400px;
          position:relative;
          left:670px;
          top:-770px;
            z-index:9999;
            ul{
              width:100%;
              height:100%;
              li{
                display:block;
                line-height:60px;
                label{
                  font-size:14px;
                  color:#666;
                  line-height:60px;
                }
                input{
                  width:260px;
                  height:34px;
                  text-indent:10px;
                  margin-left:5px;
                 background:white;
                 // border:0;
                }
                .phone_error{
                  line-height:0px;
                  margin-left:50px;
                  color:red;
                }
                .phone_error2{
                  margin-left:80px;
                }
                 .phone_error3{
                  margin-left:39px;
                }
                 .phone_error4{
                  margin-left:67px;
                }
                ::-webkit-input-placeholder { /* WebKit browsers */ 
                  text-indent:12px;
                  font-size:14px;
                  color: #DDDDDD; 
                } 
                :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
                  text-indent:12px;
                  font-size:14px;
                  color: #DDDDDD; 
                } 
                ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
                  text-indent:12px;
                  font-size:14px;
                  color: #DDDDDD; 
                } 
                :-ms-input-placeholder { /* Internet Explorer 10+ */ 
                  text-indent:12px;
                  font-size:14px;
                  color: #DDDDDD; 
                } 
              }
              .li1{
                margin-left:28px;
              }
              .li2{
                position:relative;
                a{
                  display:inline-block;
                  width:72px;
                  height:28px;
                  background:#00A0E9;
                  line-height:28px;
                  text-align:center;
                  position:absolute;
                  top:16px;
                  right:6px;
                  span{ 
                    color:#fff;
                  }
                }
              }
             .li3{
                margin-left:42px;
              }
             .li4{
                margin-left:14px;
              }
              .invit{
                margin-left:28px;
                input{
                  background:#ccc;
                  border:0;
                  font-size:18px;
                }
              }
              .li6{
                margin-left:74px;
                label{
                  margin:0;
                  a{ 
                    color:#00B7EE; 
                  }
                }
                input{
                  width:12px;
                  height:12px;
                  outline:0;
                  border:0;
                }
              }
              .li7{
                margin-left:74px;
                a{
                  display:inline-block;
                  width:260px;
                  height:42px;
                  background:#D77814;
                  color:#fff;
                  font-size:16px;
                  text-align:center;
                  line-height:42px;
                  cursor:pointer;
                }
              }
            }          
          }
      }
    }
    // 下部展示转换
     // }
   
  .content{
   // margin-top:424px;
    width:100%;
    position:relative;
    bottom:200px;
    height:400px;
    .wrap{
      height:100%;
      margin:0 auto;
      margin:0 auto;
        ul{
          width:100%;
          height:100%;
          li{
            text-align:center;
            width:400px;
            height:200px;
            background:#b622e6;
            height:200px;
            float:left;
            position:relative;
            .out{
              width:400px;
              height:200px;
            }
            .shadow{
              z-index: 10;
              height: 100%;
              width: 100%;
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              box-shadow: 0 0 0 0 #f1b458 inset;
              transition: all 0.2s ease-out;
              -webkit-transition: all 0.2s ease-out;
              -ms-transition: all 0.2s ease-out;
              -moz-transition: all 0.2s ease-out;
              -o-transition: all 0.2s ease-out;
            }
            .shadow1{
               box-shadow: 0px 0px 0px 5px #840BAC inset; 
               -webkit-box-shadow: 0px 0px 0px 5px #840BAC inset; 
               -ms-box-shadow: 0px 0px 0px 5px #840BAC inset; 
               -moz-box-shadow: 0px 0px 0px 5px #840BAC inset; 
               -o-box-shadow: 0px 0px 0px 5px #840BAC inset;
            }

          }        
         // li:hover .shadow{
           //  box-shadow: 0px 0px 0px 5px #840BAC inset; 
           // -webkit-box-shadow: 0px 0px 0px 5px #840BAC inset; 
           // -ms-box-shadow: 0px 0px 0px 5px #840BAC inset; 
            //-moz-box-shadow: 0px 0px 0px 5px #840BAC inset; 
           // -o-box-shadow: 0px 0px 0px 5px #840BAC inset;
        //  }
          .li2{
            .top{
              margin-top:22px;
              margin-bottom:12px;
            }
          }
         .odd{
            background:#b622e6;
            .bottom{
              span{
                font-size:48px;
                color:#fff;
              }
            }
          }
          .even{
            background:#EFEDF0;
            .bottom{
              span{
                font-size:48px;
                color:#b622e6;
              }
            }
          }
          .active{
            width:390px;
            border:5px solid #840Bac;
          }
        }
    }
  }
}
// 侧边立即注册小弹窗
.float{
    width:124px;
    margin:0 auto;
    position:absolute;
    top:500px;
    right:50px;
    .float_img{
     
    }
}
// 模态弹出框
// 支付提示的弹出框
.alertbox{
    .bg{
        margin:0;
        padding:0;
        border:none;
        width:100%;
        height:100%;
        background:#868689;
        opacity:0.6;
        z-index:9999;
        position:fixed;
        top:0;
        left:0;
        z-index:999;
    }
    // 支付提示内容
    .failed{
           width:420px;
           height:580px;
           position:fixed;
           bottom:0;
           top:50%;
           left:50%;
           margin-left:-210px;
           margin-top:-291px;
           z-index:9999;
           background:#fff;
           text-align:center;
           // 立即认证关闭
            .close{
              width:40px;
              height:40px;
              position:absolute;
              right:-30px;
              top:-30px;
              z-index:9999;
            }
           .title{
              text-align:center;
              width:100%;
              margin:60px 0 32px 0;
              line-height:20px;
                .left{
                    color:#333; 
                    font-size:40px;
                }
           }
           .content{
             p{
              font-size:22px;
              color:#999;
              line-height:36px;
              span{
                color:#e60012;
                font-family:Arial;
                font-weight:bold;
              }
             }
             p:nth-child(4){
              margin-top:31px;
             }
          }
          // 点击按钮
          .btn{
            margin-top:41px;
            a{
              width:260px;
              height:42px;
              display:inline-block;
              background:#FA8C13;
              border-radius:5px;
              line-height:42px;
              span{
                color:#fff;
                font-size:16px;
              }
            }
          }
    }
}
